Lint: use modern syntax, object shorthand/exponentiation/regex literal (#39657)

Author: Josh-Cena

files/en-us/learn_web_development/core/frameworks_libraries/svelte_deployment_next/index.md

@@ -131,7 +131,7 @@ export default {
       dev: !production,
       // we'll extract any component CSS out into
       // a separate file - better for performance
-      css: (css) => {
+      css(css) {
         css.write("public/build/bundle.css");
       },
     }),

files/en-us/learn_web_development/core/frameworks_libraries/svelte_stores/index.md

@@ -568,7 +568,7 @@ Moreover, because web storage only supports saving string values, we will have t
 
      return {
        subscribe,
-       set: (value) => {
+       set(value) {
          localStorage.setItem(key, toString(value)); // save also to local storage as a string
          return set(value);
        },

files/en-us/learn_web_development/core/frameworks_libraries/svelte_todo_list_beginning/index.md

@@ -359,13 +359,13 @@ export default {
   plugins: [
     svelte({
       dev: !production,
-      css: (css) => {
+      css(css) {
         css.write("public/build/bundle.css");
       },
       // Warnings are normally passed straight to Rollup. You can
       // optionally handle them here, for example to squelch
       // warnings with a particular code
-      onwarn: (warning, handler) => {
+      onwarn(warning, handler) {
         // e.g. I don't care about screen readers -> please DON'T DO THIS!!!
         if (warning.code === "a11y-missing-attribute") {
           return;

files/en-us/learn_web_development/core/frameworks_libraries/svelte_typescript/index.md

@@ -784,7 +784,7 @@ import { localStore } from "./localStore";
 
      return {
        subscribe,
-       set: (value: JsonValue) => {
+       set(value: JsonValue) {
          localStorage.setItem(key, toString(value)); // save also to local storage as a string
          return set(value);
        },
@@ -971,7 +971,7 @@ export const localStore = <T extends JsonValue>(key: string, initial: T) => {
 
   return {
     subscribe,
-    set: (value: T) => {
+    set(value: T) {
       localStorage.setItem(key, toString(value)); // save also to local storage as a string
       return set(value);
     },

files/en-us/learn_web_development/extensions/server-side/express_nodejs/deployment/index.md

@@ -175,7 +175,7 @@ exports.author_update_get = asyncHandler(async (req, res, next) => {
     return next(err);
   }
 
-  res.render("author_form", { title: "Update Author", author: author });
+  res.render("author_form", { title: "Update Author", author });
 });
 ```
 

files/en-us/learn_web_development/extensions/server-side/express_nodejs/displaying_data/author_detail_page/index.md

@@ -37,7 +37,7 @@ exports.author_detail = asyncHandler(async (req, res, next) => {
 
   res.render("author_detail", {
     title: "Author Detail",
-    author: author,
+    author,
     author_books: allBooksByAuthor,
   });
 });

files/en-us/learn_web_development/extensions/server-side/express_nodejs/displaying_data/book_detail_page/index.md

@@ -29,7 +29,7 @@ exports.book_detail = asyncHandler(async (req, res, next) => {
 
   res.render("book_detail", {
     title: book.title,
-    book: book,
+    book,
     book_instances: bookInstances,
   });
 });

files/en-us/learn_web_development/extensions/server-side/express_nodejs/displaying_data/genre_detail_page/index.md

@@ -38,7 +38,7 @@ exports.genre_detail = asyncHandler(async (req, res, next) => {
 
   res.render("genre_detail", {
     title: "Genre Detail",
-    genre: genre,
+    genre,
     genre_books: booksInGenre,
   });
 });

files/en-us/learn_web_development/extensions/server-side/express_nodejs/forms/create_author_form/index.md

@@ -76,7 +76,7 @@ exports.author_create_post = [
       // There are errors. Render form again with sanitized values/errors messages.
       res.render("author_form", {
         title: "Create Author",
-        author: author,
+        author,
         errors: errors.array(),
       });
       return;

files/en-us/learn_web_development/extensions/server-side/express_nodejs/forms/create_book_form/index.md

@@ -104,7 +104,7 @@ exports.book_create_post = [
         title: "Create Book",
         authors: allAuthors,
         genres: allGenres,
-        book: book,
+        book,
         errors: errors.array(),
       });
     } else {

files/en-us/learn_web_development/extensions/server-side/express_nodejs/forms/create_genre_form/index.md

@@ -59,7 +59,7 @@ exports.genre_create_post = [
       // There are errors. Render the form again with sanitized values/error messages.
       res.render("genre_form", {
         title: "Create Genre",
-        genre: genre,
+        genre,
         errors: errors.array(),
       });
       return;
@@ -115,7 +115,7 @@ asyncHandler(async (req, res, next) => {
     // There are errors. Render the form again with sanitized values/error messages.
     res.render("genre_form", {
       title: "Create Genre",
-      genre: genre,
+      genre,
       errors: errors.array(),
     });
     return;

files/en-us/learn_web_development/extensions/server-side/express_nodejs/forms/delete_author_form/index.md

@@ -31,7 +31,7 @@ exports.author_delete_get = asyncHandler(async (req, res, next) => {
 
   res.render("author_delete", {
     title: "Delete Author",
-    author: author,
+    author,
     author_books: allBooksByAuthor,
   });
 });
@@ -69,7 +69,7 @@ exports.author_delete_post = asyncHandler(async (req, res, next) => {
     // Author has books. Render in same way as for GET route.
     res.render("author_delete", {
       title: "Delete Author",
-      author: author,
+      author,
       author_books: allBooksByAuthor,
     });
     return;

files/en-us/learn_web_development/extensions/server-side/express_nodejs/forms/update_book_form/index.md

@@ -37,7 +37,7 @@ exports.book_update_get = asyncHandler(async (req, res, next) => {
     title: "Update Book",
     authors: allAuthors,
     genres: allGenres,
-    book: book,
+    book,
   });
 });
 ```
@@ -118,7 +118,7 @@ exports.book_update_post = [
         title: "Update Book",
         authors: allAuthors,
         genres: allGenres,
-        book: book,
+        book,
         errors: errors.array(),
       });
       return;

files/en-us/mozilla/add-ons/webextensions/api/tabs/group/index.md

@@ -62,7 +62,7 @@ const groupId = await browser.tabs.group({
 const tab3 = await browser.tabs.create({});
 await browser.tabs.group({
   tabIds: tab3.id,
-  groupId: groupId,
+  groupId,
 });
 ```
 

files/en-us/web/api/audioencoder/configure/index.md

@@ -99,7 +99,7 @@ The following example creates a new {{domxref("AudioEncoder")}} and configures i
 ```js
 const init = {
   output: handleOutput,
-  error: (e) => {
+  error(e) {
     console.log(e.message);
   },
 };
@@ -123,7 +123,7 @@ The following example creates a new {{domxref("AudioEncoder")}} and configures i
 ```js
 const init = {
   output: handleOutput,
-  error: (e) => {
+  error(e) {
     console.log(e.message);
   },
 };

files/en-us/web/api/canvas_api/tutorial/applying_styles_and_colors/index.md

@@ -404,7 +404,7 @@ function draw() {
   ctx.moveTo(0, 100);
   for (let i = 0; i < 24; i++) {
     const dy = i % 2 === 0 ? 25 : -25;
-    ctx.lineTo(Math.pow(i, 1.5) * 2, 75 + dy);
+    ctx.lineTo(i ** 1.5 * 2, 75 + dy);
   }
   ctx.stroke();
   return false;

files/en-us/web/api/createmonitor/index.md

@@ -36,7 +36,7 @@ A `CreateMonitor` instance is used via the `monitor` property of an AI API's `cr
 const summarizer = await Summarizer.create({
   sharedContext:
     "A general summary to help a user decide if the text is worth reading",
-  monitor: (monitor) => {
+  monitor(monitor) {
     monitor.addEventListener("downloadprogress", (e) => {
       console.log(`download progress: ${e.loaded}/${e.total}`);
     });

files/en-us/web/api/gpu/getpreferredcanvasformat/index.md

@@ -40,7 +40,7 @@ const canvas = document.querySelector("#gpuCanvas");
 const context = canvas.getContext("webgpu");
 
 context.configure({
-  device: device,
+  device,
   format: navigator.gpu.getPreferredCanvasFormat(),
   alphaMode: "premultiplied",
 });

files/en-us/web/api/gpu/index.md

@@ -55,7 +55,7 @@ const canvas = document.querySelector("#gpuCanvas");
 const context = canvas.getContext("webgpu");
 
 context.configure({
-  device: device,
+  device,
   format: navigator.gpu.getPreferredCanvasFormat(),
   alphaMode: "premultiplied",
 });

files/en-us/web/api/gpucanvascontext/configure/index.md

@@ -75,7 +75,7 @@ const canvas = document.querySelector("#gpuCanvas");
 const context = canvas.getContext("webgpu");
 
 context.configure({
-  device: device,
+  device,
   format: navigator.gpu.getPreferredCanvasFormat(),
   alphaMode: "premultiplied",
 });

files/en-us/web/api/gpucanvascontext/getconfiguration/index.md

@@ -45,7 +45,7 @@ if (!adapter) {
 const device = await adapter.requestDevice();
 
 context.configure({
-  device: device,
+  device,
   format: navigator.gpu.getPreferredCanvasFormat(),
   alphaMode: "premultiplied",
 });

files/en-us/web/api/gpucanvascontext/getcurrenttexture/index.md

@@ -39,7 +39,7 @@ const canvas = document.querySelector("#gpuCanvas");
 const context = canvas.getContext("webgpu");
 
 context.configure({
-  device: device,
+  device,
   format: navigator.gpu.getPreferredCanvasFormat(),
   alphaMode: "premultiplied",
 });

files/en-us/web/api/gpucanvascontext/index.md

@@ -36,7 +36,7 @@ const canvas = document.querySelector("#gpuCanvas");
 const context = canvas.getContext("webgpu");
 
 context.configure({
-  device: device,
+  device,
   format: navigator.gpu.getPreferredCanvasFormat(),
   alphaMode: "premultiplied",
 });

files/en-us/web/api/gpucanvascontext/unconfigure/index.md

@@ -34,7 +34,7 @@ const canvas = document.querySelector("#gpuCanvas");
 const context = canvas.getContext("webgpu");
 
 context.configure({
-  device: device,
+  device,
   format: navigator.gpu.getPreferredCanvasFormat(),
   alphaMode: "premultiplied",
 });

files/en-us/web/api/languagedetector/availability_static/index.md

@@ -78,7 +78,7 @@ async function getDetector(languages) {
   }
   return await LanguageDetector.create({
     expectedInputLanguages: languages,
-    monitor: (monitor) => {
+    monitor(monitor) {
       monitor.addEventListener("downloadprogress", (e) => {
         console.log(`Downloaded ${Math.floor(e.loaded * 100)}%`);
       });

files/en-us/web/api/progressevent/progressevent/index.md

@@ -52,8 +52,8 @@ The example demonstrates how a `ProgressEvent` is built using a constructor. Thi
 function updateProgress(loaded, total) {
   const progressEvent = new ProgressEvent("progress", {
     lengthComputable: true,
-    loaded: loaded,
-    total: total,
+    loaded,
+    total,
   });
 
   document.dispatchEvent(progressEvent);

files/en-us/web/api/rtcencodedvideoframe/type/index.md

@@ -30,7 +30,7 @@ The implementation of a `transform()` function in a [WebRTC Encoded Transform](/
 
 ```js
 const transformer = new TransformStream({
-  transform: async (encodedFrame, controller) => {
+  async transform(encodedFrame, controller) {
     if (encodedFrame.type === "key") {
       // Apply key frame transformation
     } else if (encodedFrame.type === "delta") {

files/en-us/web/api/subtlecrypto/derivekey/index.md

@@ -519,7 +519,7 @@ function getKey(keyMaterial, salt) {
   return window.crypto.subtle.deriveKey(
     {
       name: "HKDF",
-      salt: salt,
+      salt,
       info: new TextEncoder().encode("Encryption example"),
       hash: "SHA-256",
     },

files/en-us/web/api/subtlecrypto/encrypt/index.md

@@ -208,14 +208,7 @@ function encryptMessage(key) {
   let encoded = getMessageEncoding();
   // iv will be needed for decryption
   iv = window.crypto.getRandomValues(new Uint8Array(16));
-  return window.crypto.subtle.encrypt(
-    {
-      name: "AES-CBC",
-      iv: iv,
-    },
-    key,
-    encoded,
-  );
+  return window.crypto.subtle.encrypt({ name: "AES-CBC", iv }, key, encoded);
 }
 ```
 
@@ -236,11 +229,7 @@ function encryptMessage(key) {
   const encoded = getMessageEncoding();
   // iv will be needed for decryption
   const iv = window.crypto.getRandomValues(new Uint8Array(12));
-  return window.crypto.subtle.encrypt(
-    { name: "AES-GCM", iv: iv },
-    key,
-    encoded,
-  );
+  return window.crypto.subtle.encrypt({ name: "AES-GCM", iv }, key, encoded);
 }
 ```
 

files/en-us/web/api/summarizer_api/using/index.md

@@ -113,7 +113,7 @@ const summarizer = await Summarizer.create({
     "A general summary to help a user decide if the text is worth reading",
   type: "tl;dr",
   length: "short",
-  monitor: (monitor) => {
+  monitor(monitor) {
     monitor.addEventListener("downloadprogress", (e) => {
       console.log(`Downloaded ${Math.floor(e.loaded * 100)}%`);
     });

files/en-us/web/api/translator/availability_static/index.md

@@ -79,7 +79,7 @@ async function getTranslator(languages) {
   }
   return await Translator.create({
     ...languages,
-    monitor: (monitor) => {
+    monitor(monitor) {
       monitor.addEventListener("downloadprogress", (e) => {
         console.log(`Downloaded ${Math.floor(e.loaded * 100)}%`);
       });

files/en-us/web/api/translator_and_language_detector_apis/using/index.md

@@ -152,7 +152,7 @@ You can use this event to expose loading progress data:
 translator = await Translator.create({
   sourceLanguage: "en",
   targetLanguage: "ja",
-  monitor: (monitor) => {
+  monitor(monitor) {
     monitor.addEventListener("downloadprogress", (e) => {
       console.log(`Downloaded ${Math.floor(e.loaded * 100)}%`);
     });
@@ -313,7 +313,7 @@ Finally, we set the submit button to not be disabled, so the form can be submitt
 async function detectLanguage() {
   if (textarea.value.length > 20) {
     const detector = await LanguageDetector.create({
-      monitor: (monitor) => {
+      monitor(monitor) {
         monitor.addEventListener("downloadprogress", (e) => {
           console.log(`Downloaded ${e.loaded * 100}%`);
         });
@@ -378,7 +378,7 @@ If the test passes, we open a [`try { ... }`](/en-US/docs/Web/JavaScript/Referen
       translator = await Translator.create({
         sourceLanguage: detectedLanguage,
         targetLanguage: formData.get("translateLanguage"),
-        monitor: (monitor) => {
+        monitor(monitor) {
           monitor.addEventListener("downloadprogress", (e) => {
             translateOutput.textContent = `Downloaded ${Math.floor(
               e.loaded * 100
@@ -425,7 +425,7 @@ textarea.addEventListener("input", detectLanguage);
 async function detectLanguage() {
   if (textarea.value.length > 20) {
     const detector = await LanguageDetector.create({
-      monitor: (monitor) => {
+      monitor(monitor) {
         monitor.addEventListener("downloadprogress", (e) => {
           console.log(`Downloaded ${e.loaded * 100}%`);
         });
@@ -478,7 +478,7 @@ async function handleTranslation(e) {
       translator = await Translator.create({
         sourceLanguage: detectedLanguage,
         targetLanguage: formData.get("translateLanguage"),
-        monitor: (monitor) => {
+        monitor(monitor) {
           monitor.addEventListener("downloadprogress", (e) => {
             translateOutput.textContent = `Downloaded ${Math.floor(
               e.loaded * 100,